<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>互动</title>
        <meta name="robots" content="noindex, follow" />
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Favicon -->


        <!-- CSS
        ============================================ -->
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
        <!-- Fontawesome -->
        <link rel="stylesheet" href="../../../static/css/vendor/font-awesome.css">
        <!-- Fontawesome Star -->
        <link rel="stylesheet" href="../../../static/css/vendor/fontawesome-stars.css">
        <!-- Ion Icon -->
        <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
        <!-- Slick CSS -->
        <link rel="stylesheet" href="../../../static/css/plugins/slick.css">
        <!-- Animation -->
        <link rel="stylesheet" href="../../../static/css/plugins/animate.css">
        <!-- jQuery Ui -->
        <link rel="stylesheet" href="../../../static/css/plugins/jquery-ui.min.css">
        <!-- Venobox.css -->
        <link rel="stylesheet" href="../../../static/css/plugins/venobox.css">
        <!-- Nice Select -->
        <link rel="stylesheet" href="../../../static/css/plugins/nice-select.css">
        <!-- Vendor & Plugins CSS (Please remove the comment from below vendor.min.css & plugins.min.css for better website load performance and remove css files from the above) -->
        <!--
        <link rel="stylesheet" href="../../static/css/vendor/vendor.min.css">
        <link rel="stylesheet" href="../../static/css/plugins/plugins.min.css">
        -->
        <!-- Main Style CSS (Please use minify version for better website load performance) -->
        <link rel="stylesheet" href="../../../static/css/style.css">
        <!--<link rel="stylesheet" href="../../static/css/style.min.css">-->
        <link rel="stylesheet" href="../../../static/css/layui.css" media="all">
        <link rel="stylesheet" href="../../../static/css/modules/layer/default/layer.css">
    </head>
    <div class="template-color-1">
        <div class="main-wrapper">
            <!-- Begin Loading Area -->
            <div class="loading">
                <div class="text-center middle">
                <span class="loader">
            <span class="loader-inner"></span>
                </span>
                </div>
            </div>
            <!-- Loading Area End Here -->

            <!-- Begin Umino's Header Main Area -->
            <header class="header-main_area">
                <div class="header-top_area">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-5 col-lg-5">
                                <div class="ht-left_area">
                                    <div class="header-shipping_area">
                                        <span>It is teaching<strong>System</strong></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-7 col-lg-7">
                                <div class="ht-right_area">
                                    <div class="ht-menu">
                                        <ul>
                                            <li><a href="#"></a></li>
                                            <li><a href=""></a></li>
                                            <li><a href="#"><i class="ion-person"></i>个人中心</a></li>
                                            <li><a href="#"><i class="ion-log-out"></i>退出用户</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-middle_area">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-3 col-lg-2">
                                <div class="header-logo">
                                    <a href="index.html">
                                        <img src="../../static/images/menu/logo/1.png" alt="Umino's Header Logo">
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-2 d-none d-lg-block">
                                <div class="hm-form_area">
                                    <form action="#" class="hm-searchbox">
                                        <!-- <input type="text" placeholder="Search product...">
                                        <button class="umino-search_btn" type="submit"><i class="ion-android-search"></i></button> -->
                                    </form>
                                </div>
                            </div>
                            <div class="col-lg-5 d-none d-lg-block">
                                <div class="contact-info">
                                    <div class="contact-info_icon">
                                        <i class="ion-android-clipboard"></i>
                                    </div>
                                    <div class="contact-info_content" th:each="course:${course}">
                                        <span th:text="${course.name}">数据结构</span>
                                        <a href="tel://+123123321345/" th:text="${course.teacherName}">老师：xxxx</a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-2 col-lg-3 d-none d-lg-block">
                                <div class="hm-minicart_area">
                                    <ul>
                                        <li>
                                            <a href="cart.html">
                                                <div class="minicart-icon wishlist-icon">
                                                    <i class="ion-android-person-add"></i>
                                                    <span class="item-count">2</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="cart.html">
                                                <div class="minicart-icon">
                                                    <i class="ion-ios-chatbubble"></i>
                                                    <span class="item-count">2</span>
                                                </div>
                                                <div class="minicart-title">
                                                    <span class="item_total">$54.90</span>
                                                </div>
                                            </a>
                                            <ul class="minicart-body">

                                                <li>
                                                    <div class="price_content">
                                                        <div class="cart-subtotals">
                                                            <div class="products subtotal-list">
                                                                <span class="label">Subtotal</span>
                                                                <span class="value">$145.00</span>
                                                            </div>
                                                            <div class="shipping subtotal-list">
                                                                <span class="label">Shipping</span>
                                                                <span class="value">$7.00</span>
                                                            </div>
                                                            <div class="tax subtotal-list">
                                                                <span class="label">Taxes</span>
                                                                <span class="value">$0.00</span>
                                                            </div>
                                                            <div class="cart-total subtotal-list">
                                                                <span class="label">Total</span>
                                                                <span class="value">$152.00</span>
                                                            </div>
                                                        </div>
                                                        <div class="minicart-button">
                                                            <a class="umino-btn umino-btn_fullwidth" href="#">Checkout</a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-bottom_area @@bgColor">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3 col-md-9 col-sm-7">
                                <div class="category-menu category-menu-hidden">
                                    <div class="category-heading">
                                        <h2 class="categories-toggle"><span>菜单</span></h2>
                                    </div>
                                    <div id="cate-toggle" class="category-menu-list">
                                        <ul>

                                            <li><a href="">课堂</a></li>
                                            <li><a href="">备课区</a></li>

                                            <li class="right-menu"><a href="">教授的课程</a>
                                                <ul class="cat-dropdown_menu">
                                                    <li>
                                                        <a href="">数据结构</a>
                                                        <a href="">计算机网络</a>
                                                        <a href="">通信原理</a>
                                                        <a href="">高等数学</a>
                                                        <a href="">线性代数</a>

                                                    </li>
                                                </ul>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-7 d-none d-lg-block position-../../static">
                                <div class="main-menu_area">
                                    <nav class="main_nav">
                                        <ul>
                                            <li><a href="/course/index.html">首页</a></li>
                                            <li><a th:href="@{'/matter/Amatter/'+${course.id}}">互动</a></li>
                                            <li><a href="../../homework.html">作业</a></li>
                                            <li><a href="../../courseware.html">资料</a></li>
                                            <li><a href="../../testpaper.html">测试</a></li>
                                            <shiro:hasRole name="teacher">
                                                <li  class="active"><a href="/attendance/selectAll">考勤</a></li>
                                            </shiro:hasRole>
                                            <shiro:hasRole name="student">
                                                <li  class="active"><a href="/attendance/selectCourseAndTea">考勤</a></li>
                                            </shiro:hasRole>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-lg-2 d-none d-lg-block">
                                <div class="login-area">

                                </div>
                            </div>
                            <div class="col-md-3 col-sm-5 d-block d-lg-none">
                                <div class="mobile-menu_area">
                                    <ul>
                                        <li class="minicart-area">
                                            <a href="cart.html"><i class="fa fa-shopping-cart"></i><span class="item-count">2</span></a>
                                        </li>
                                        <li>
                                            <a href="#mobileMenu" class="mobile-menu_btn toolbar-btn color--white d-lg-none d-block">
                                                <i class="ion-navicon"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-bottom_area header-sticky stick">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-2 col-md-6 col-sm-7">
                                <div class="header-logo">
                                    <a href="index.html">
                                        <img src="../../static/images/menu/logo/1.png" alt="Umino's Header Logo">
                                    </a>
                                </div>
                            </div>
                            <div class="col-xl-8 col-lg-7 d-none d-lg-block position-../../static">
                                <div class="main-menu_area">
                                    <nav class="main_nav">
                                        <ul>
                                            <li><a href="/course/index.html">首页</a></li>
                                            <li><a th:href="@{'/matter/Amatter/'+${course.id}}">互动</a></li>
                                            <li><a href="../../homework.html">作业</a></li>
                                            <li><a href="../../courseware.html">资料</a></li>
                                            <li><a href="../../testpaper.html">测试</a></li>
                                            <shiro:hasRole name="teacher">
                                                <li  class="active"><a href="/attendance/selectAll">考勤</a></li>
                                            </shiro:hasRole>
                                            <shiro:hasRole name="student">
                                                <li  class="active"><a href="/attendance/selectCourseAndTea">考勤</a></li>
                                            </shiro:hasRole>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 d-none d-lg-block">
                                <div class="hm-minicart_area">
                                    <ul>
                                        <li>
                                            <a href="cart.html">
                                                <div class="minicart-icon wishlist-icon">
                                                    <i class="ion-android-person-add"></i>
                                                    <span class="item-count">2</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="cart.html">
                                                <div class="minicart-icon">
                                                    <i class="ion-ios-chatbubble"></i>
                                                    <span class="item-count">2</span>
                                                </div>
                                                <div class="minicart-title">
                                                    <span class="item_total">$54.90</span>
                                                </div>
                                            </a>
                                            <ul class="minicart-body">
                                                <li class="minicart-item_area">
                                                    <div class="minicart-single_item">
                                                        <div class="product-item_remove">
                                                            <span class="ion-android-close" title="Remove This Item"></span>
                                                        </div>
                                                        <div class="minicart-img">
                                                            <a href="single-product.html">
                                                                <img src="../../static/images/product/small-size/6.jpg" alt="Umino's Product Image">
                                                            </a>
                                                        </div>
                                                        <div class="minicart-content">
                                                            <div class="product-name">
                                                                <h6>
                                                                    <a href="single-product.html">
                                                                        Vulputate justo
                                                                    </a>
                                                                </h6>
                                                            </div>
                                                            <span class="product-quantity">Qty 1</span>
                                                            <div class="price-box">
                                                                <span class="new-price">$90.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="minicart-item_area">
                                                    <div class="minicart-single_item">
                                                        <div class="product-item_remove">
                                                            <span class="ion-android-close" title="Remove This Item"></span>
                                                        </div>
                                                        <div class="minicart-img">
                                                            <a href="single-product.html">
                                                                <img src="../../static/images/product/small-size/8.jpg" alt="Umino's Product Image">
                                                            </a>
                                                        </div>
                                                        <div class="minicart-content">
                                                            <div class="product-name">
                                                                <h6>
                                                                    <a href="single-product.html">
                                                                        Phasellus vel hendrerit
                                                                    </a>
                                                                </h6>
                                                            </div>
                                                            <span class="product-quantity">Qty 1</span>
                                                            <div class="price-box">
                                                                <span class="new-price">$55.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="price_content">
                                                        <div class="cart-subtotals">
                                                            <div class="products subtotal-list">
                                                                <span class="label">Subtotal</span>
                                                                <span class="value">$145.00</span>
                                                            </div>
                                                            <div class="shipping subtotal-list">
                                                                <span class="label">Shipping</span>
                                                                <span class="value">$7.00</span>
                                                            </div>
                                                            <div class="tax subtotal-list">
                                                                <span class="label">Taxes</span>
                                                                <span class="value">$0.00</span>
                                                            </div>
                                                            <div class="cart-total subtotal-list">
                                                                <span class="label">Total</span>
                                                                <span class="value">$152.00</span>
                                                            </div>
                                                        </div>
                                                        <div class="minicart-button">
                                                            <a class="umino-btn umino-btn_fullwidth" href="#">Checkout</a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-5 d-block d-lg-none">
                                <div class="mobile-menu_area">
                                    <ul>
                                        <li class="minicart-area">
                                            <a href="cart.html"><i class="fa fa-shopping-cart"></i><span class="item-count">2</span></a>
                                        </li>
                                        <li>
                                            <a href="#mobileMenu" class="mobile-menu_btn toolbar-btn color--white d-lg-none d-block">
                                                <i class="ion-navicon"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mobile-menu_wrapper" id="mobileMenu">
                    <div class="offcanvas-menu-inner">
                        <div class="container">
                            <a href="#" class="btn-close"><i class="ion-android-close"></i></a>
                            <div class="offcanvas-inner_search">
                                <form action="#" class="hm-searchbox">
                                    <input type="text" placeholder="Search for item...">
                                    <button class="search_btn" type="submit"><i class="ion-ios-search-strong"></i></button>
                                </form>
                            </div>
                            <nav class="offcanvas-navigation">
                                <ul class="mobile-menu">
                                    <li class="menu-item-has-children active"><a href="index.html"><span
                                            class="mm-text">Home</span></a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index.html">
                                                    <span class="mm-text">Home Shop 1</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-2.html">
                                                    <span class="mm-text">Home Shop 2</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-3.html">
                                                    <span class="mm-text">Home Shop 3</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-4.html">
                                                    <span class="mm-text">Home Shop 4</span>
                                                </a>
                                            </li>
                                            <li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="shop-left-sidebar.html">
                                            <span class="mm-text">Shop</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children">
                                                <a href="shop-left-sidebar.html">
                                                    <span class="mm-text">Grid View</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="shop-3-column.html">
                                                            <span class="mm-text">Grid Fullwidth</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-left-sidebar.html">
                                                            <span class="mm-text">Left Sidebar</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-right-sidebar.html">
                                                            <span class="mm-text">Right Sidebar</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="shop-list-left-sidebar.html">
                                                    <span class="mm-text">Shop List</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="shop-list-fullwidth.html">
                                                            <span class="mm-text">Full Width</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-list-left-sidebar.html">
                                                            <span class="mm-text">Left Sidebar</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-list-right-sidebar.html">
                                                            <span class="mm-text">Right Sidebar</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="single-product-gallery-left.html">
                                                    <span class="mm-text">Single Product Style</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="single-product-gallery-left.html">
                                                            <span class="mm-text">Gallery Left</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-gallery-right.html">
                                                            <span class="mm-text">Gallery Right</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-tab-style-left.html">
                                                            <span class="mm-text">Tab Style Left</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-tab-style-right.html">
                                                            <span class="mm-text">Tab Style Right</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-sticky-left.html">
                                                            <span class="mm-text">Sticky Left</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-sticky-right.html">
                                                            <span class="mm-text">Sticky Right</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="single-product.html">
                                                    <span class="mm-text">Single Product Type</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="single-product.html">
                                                            <span class="mm-text">Single Product</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-sale.html">
                                                            <span class="mm-text">Single Product Sale</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-group.html">
                                                            <span class="mm-text">Single Product Group</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-variable.html">
                                                            <span class="mm-text">Single Product Variable</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-affiliate.html">
                                                            <span class="mm-text">Single Product Affiliate</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="single-product-slider.html">
                                                            <span class="mm-text">Single Product Slider</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="single-product.html">
                                                    <span class="mm-text">Shop Related Pages</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="#">
                                                            <span class="mm-text">My Account</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="login-register.html">
                                                            <span class="mm-text">Login | Register</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <span class="mm-text">Wishlist</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="cart.html">
                                                            <span class="mm-text">Cart</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <span class="mm-text">Checkout</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="compare.html">
                                                            <span class="mm-text">Comparer</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="blog-left-sidebar.html">
                                            <span class="mm-text">Blog</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children has-children">
                                                <a href="blog-left-sidebar.html">
                                                    <span class="mm-text">Grid View</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="blog-2-column.html">
                                                            <span class="mm-text">Column Two</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-3-column.html">
                                                            <span class="mm-text">Column Three</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-left-sidebar.html">
                                                            <span class="mm-text">Left Sidebar</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-right-sidebar.html">
                                                            <span class="mm-text">Right Sidebar</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children has-children">
                                                <a href="blog-list-left-sidebar.html">
                                                    <span class="mm-text">List View</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="blog-list-fullwidth.html">
                                                            <span class="mm-text">List Fullwidth</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-list-left-sidebar.html">
                                                            <span class="mm-text">List Left Sidebar</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-list-right-sidebar.html">
                                                            <span class="mm-text">List Right Sidebar</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children has-children">
                                                <a href="blog-details-left-sidebar.html">
                                                    <span class="mm-text">Blog Details</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="blog-details-left-sidebar.html">
                                                            <span class="mm-text">Left Sidebar</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-details-right-sidebar.html">
                                                            <span class="mm-text">Right Sidebar</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children has-children">
                                                <a href="blog-gallery-format.html">
                                                    <span class="mm-text">Blog Format</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="blog-gallery-format.html">
                                                            <span class="mm-text">Gallery Format</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-audio-format.html">
                                                            <span class="mm-text">Audio Format</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="blog-video-format.html">
                                                            <span class="mm-text">Video Format</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="index.html">
                                            <span class="mm-text">Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="about-us.html">
                                                    <span class="mm-text">About Us</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="contact.html">
                                                    <span class="mm-text">Contact</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="faq.html">
                                                    <span class="mm-text">FAQ</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="404.html">
                                                    <span class="mm-text">Error 404</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                            <nav class="offcanvas-navigation user-setting_area">
                                <ul class="mobile-menu">
                                    <li class="menu-item-has-children active"><a href="javascript:void(0)"><span
                                            class="mm-text">User
                                        Setting</span></a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="#">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="login-register.html">
                                                    <span class="mm-text">Login | Register</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="javascript:void(0)"><span
                                            class="mm-text">Currency</span></a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <span class="mm-text">EUR €</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <span class="mm-text">USD $</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="javascript:void(0)"><span
                                            class="mm-text">Language</span></a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <span class="mm-text">English</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <span class="mm-text">Français</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <span class="mm-text">Romanian</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <span class="mm-text">Japanese</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
        </div>
        </header>
        <!-- Umino's Header Main Area End Here -->

        <!-- Begin Umino's Breadcrumb Area -->

        <!-- Umino's Breadcrumb Area End Here -->

        <!-- Begin Umino's Content Wrapper Area -->

        <!-- Umino's Content Wrapper Area End Here -->

        <!-- Begin Umino's Footer Area -->

        <!-- Umino's Footer Area End Here -->
        <!-- Begin Umino's Modal Area -->

        <!-- Umino's Modal Area End Here -->

    </div>

    <!-- JS
============================================ -->
    <!-- jQuery JS -->
    <script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- Modernizer JS -->
    <script src="../../../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- Popper JS -->
    <script src="../../../static/js/vendor/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../../../static/js/vendor/bootstrap.min.js"></script>

    <!-- Slick Slider JS -->
    <script src="../../../static/js/plugins/slick.min.js"></script>
    <!-- Countdown JS -->
    <script src="../../../static/js/plugins/countdown.js"></script>
    <!-- Barrating JS -->
    <script src="../../../static/js/plugins/jquery.barrating.min.js"></script>
    <!-- Counterup JS -->
    <script src="../../../static/js/plugins/jquery.counterup.js"></script>
    <!-- Nice Select JS -->
    <script src="../../../static/js/plugins/jquery.nice-select.js"></script>
    <!-- Sticky Sidebar JS -->
    <script src="../../../static/js/plugins/jquery.sticky-sidebar.js"></script>
    <!-- jQuery UI -->
    <script src="../../../static/js/plugins/jquery-ui.min.js"></script>
    <!-- jQuery UI Touch Punch -->
    <script src="../../../static/js/plugins/jquery.ui.touch-punch.min.js"></script>
    <!-- Venobox JS -->
    <script src="../../../static/js/plugins/venobox.min.js"></script>
    <!-- Scroll Top JS -->
    <script src="../../../static/js/plugins/scroll-top.js"></script>
    <!-- Theia Sticky Sidebar JS -->
    <script src="../../../static/js/plugins/theia-sticky-sidebar.min.js"></script>
    <!-- Waypoints JS -->
    <script src="../../../static/js/plugins/waypoints.min.js"></script>
    <!-- ElevateZoom JS -->
    <script src="../../../static/js/plugins/jquery.elevateZoom-3.0.8.min.js"></script>
    <!-- Images loaded JS -->
    <script src="../../../static/js/plugins/imagesloaded.pkgd.min.js"></script>
    <!-- Isotope JS -->
    <script src="../../../static/js/plugins/isotope.pkgd.min.js"></script>
    <!-- Ajax Mail JS -->
    <script src="../../../static/js/ajax-mail.js"></script>

    <script src="../../../static/js/modules/layer.js"></script>

    <script src="../../../static/js/layui.js"></script>
    <script src="../../../static/js/main.js"></script>
    <script src="../../../static/js/appjs/interact/interact.js"></script>
    <script src="../../../static/js/appjs/interact/add.js"></script>
    <script src="../../../static/js/appjs/interact/edit.js"></script>

    <!-- Main JS -->
    <script src="../../../static/js/main.js"></script>
    <!-- 修改部分-->
    <!--话题框 -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">新建话题</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="#" method="post">
                        <div class="form-group">
                            <label for="recipient-name" class="col-form-label">标题</label>
                            <input type="text" class="form-control" id="recipient-name">
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="col-form-label">内容</label>
                            <textarea class="form-control" id="message-text"></textarea>
                        </div>
                        <!--隐藏id传入前台-->
                        <div class="form-group" style="display: none" th:each="course:${course}">
                            <label for="course-id" class="col-form-label" >内容</label>
                            <textarea class="form-control" id="course-id"   th:text="${course.id}"></textarea>

                        </div>
                        <div class="form-group">
                            <label for="matter-start-input" class="col-form-label">开始时间:</label>

                            <div class="col-lg-12">
                                <input name="starttime"class="form-control" type="datetime-local" value="2019-09-01T08:30:00" id="matter-start-input">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="matter-end-input" class="col-form-label">结束时间:</label>

                            <div class="col-lg-12">
                                <input name="endtime" class="form-control" type="datetime-local" value="2019-09-01T08:30:00" id="matter-end-input">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="addMatterBtn"  onclick="Madd()">发布</button>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal1" data-whatever="@mdo">
                        导入</button>

                </div>
            </div>
        </div>
    </div>
    <!-- 题库框-->
    <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel1">题库</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-4">
                            <div class="list-group" id="list-tab" role="tablist">
                                <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">单选题</a>
                                <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">多选题</a>
                                <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">判断题</a>
                                <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">简单题</a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">1</div>
                                <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">2</div>
                                <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">3</div>
                                <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>
    <div class="umino-footer_area">
        <div class="footer-top_area">
            <div class="container">
                <div class="row justify-content-end">
                    <div class="col-4">
                        <div class="newsletter-form_wrap">

                            <form  th:action="@{/matter/Mfind/{id}(id=${course.id})}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletters-form validate" target="_blank" novalidate>
                                <div id="mc_embed_signup_scroll">
                                    <div id="mc-form" class="mc-form subscribe-form">
                                        <input name="mdetail" class="newsletter-input" type="email" autocomplete="off" placeholder="输入内容关键字进行查询" />
                                        <!--
                                                                                <button class="newsletter-btn" id="FindBtnMatter" onclick="find()" >查找&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-search"></i></button>
                                        -->
                                        <button class="newsletter-btn" id="FindBtnMatter" onclick="find()" >查找<i class="fa fa-search"></i></button>
                                    </div>

                                </div>
                                </form>

                            </div>
                        </div>

                        <div class="col-3">

                            <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#exampleModal" id="addClass"
                            >
                                新建话题
                            </button>

                        </div>

                    </div>

                </div>
            </div>
        </div>

        <div class="sp-tab_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="sp-product-tab_nav" th:each="matter:${matters}">
                            <div class="tab-content umino-tab_content">
                                <div class="tab-pane active" id="tab-review">
                                    <form class="form-horizontal">
                                        <table class="table table-striped table-bordered" >
                                            <tbody>
                                            <tr>
                                                <td class="text-left" style="width: 20%;" >
                                                    <span th:text="${matter.username}">XXX 25/04/2019</span>
                                            </td>

                                            <td class="text-center"style="width: 60%;"  >
                                                <a th:onclick="'javascript:topicea(\''+${matter.id}+'\');'">
                                                    <span th:text="${matter.headline}" >标题</span>
                                                </a>
                                            </td>
                                            <td class="text-right" style="width: 20%;">
                                                <div class="dropdown">
                                                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        管理
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<!--
                                                        <a class="dropdown-item" href="#" th:onclick="'javascript:Istop(\''+${matter.id}+'\',\''+${matter.istop}+'\');'">置顶</a>
-->

                                                            <a class="dropdown-item" data-toggle="modal" data-target="#exampleModal2" href="#" th:matterid="${matter.id}" th:onclick="'javascript:edit(\''+${matter.id}+'\');'">编辑
                                                            </a>

                                                        <a class="dropdown-item" href="#" id="delMatterBtn" th:onclick="'javascript:del(\''+${matter.id}+'\');'">删除</a>
                                                        <!--  <a class="dropdown-item" href="#" id="topMatterBtn" onclick="zxc();">详情</a>-->
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <strong>
                                                    <span th:text="${matter.mdetail}">内容</span> </strong>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <span style="float: right">xxxx页</span>
        </div>
        <div class="col-lg-6">
            <div class="umino-paginatoin-area">
                <ul class="umino-pagination-box">
                    <li class="active"><a href="javascript:void(0)">1</a></li>
                    <li><a href="javascript:void(0)">2</a></li>
                    <li><a href="javascript:void(0)">3</a></li>
                    <li><a href="javascript:void(0)">4</a></li>
                    <li><a href="javascript:void(0)">5</a></li>
                    <li><a class="Next" href="javascript:void(0)">Next</a></li>
                </ul>
            </div>
        </div>
    </div>
    </body>

    </html>
